<script setup lang="ts">
import { useRouter } from "vue-router";
const router = useRouter();
</script>
<template>
  <div class="container">
    <div class="box">
      <el-card
        style="background-color: rgb(106, 255, 0)"
        @click="router.push('/user-manage/useradd')"
      >
        添加用户
      </el-card>
      <el-card
        style="background-color: rgb(238, 255, 0)"
        @click="router.push('/user-manage/userlist')"
        >用户管理</el-card
      >
      <el-card
        style="background-color: rgb(0, 238, 255)"
        @click="router.push('/news-manage/newsadd')"
        >添加广告</el-card
      >
      <el-card
        style="background-color: rgb(255, 0, 157)"
        @click="router.push('/news-manage/newslist')"
        >广告管理</el-card
      >
    </div>
  </div>
</template>
<style lang="scss" scoped>
.container {
  width: calc(100% - 110px);
  height: 85vh;
  padding: 20px;
  border-radius: 20px;

  display: flex;
  justify-content: center;
  align-items: center;
  .box {
    display: flex;
    flex-wrap: wrap;
    width: 750px;
    height: 350px;
    .el-card {
      width: 350px;
      height: 150px;
      margin: 0 10px;
      text-align: center;
      line-height: 120px;
      border-radius: 10px;
      cursor: pointer;
      font-weight: bold;
    }
  }
}
</style>
